<template>
  <IBizCaptionBarControl
    v-if="modelData.controlType === 'CAPTIONBAR'"
    v-bind="{ ...$props, ...$attrs }"
  />
  <IBizToolbarControl
    v-else-if="modelData.controlType === 'TOOLBAR'"
    v-bind="{ ...$props, ...$attrs }"
  />
  <IBizListControl v-else-if="modelData.controlType === 'LIST'" v-bind="{ ...$props, ...$attrs }" />
  <IBizMdCtrlControl
    v-else-if="modelData.controlType === 'MOBMDCTRL'"
    v-bind="{ ...$props, ...$attrs }"
  />
</template>
<script setup lang="ts">
import { IControl } from '@ibiz/model-core'
import { useNamespace } from '@/use'
const ns = useNamespace('control-shell')
const props = defineProps({
  modelData: {
    type: Object as PropType<IControl>,
    required: true,
  },
})
</script>
<style lang="scss">
//
</style>
